
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:    #000 !default;

$grays: () !default;
$grays: map-merge((
  "100": $gray-100,
  "200": $gray-200,
  "300": $gray-300,
  "400": $gray-400,
  "500": $gray-500,
  "600": $gray-600,
  "700": $gray-700,
  "800": $gray-800,
  "900": $gray-900
), $grays);

$blue:    #1890ff !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #e83e8c !default;
$red:     #dc3545 !default;
$orange:  #fd7e14 !default;
$yellow:  #ffe207 !default;
$green:   #32b643 !default;
$teal:    #20c997 !default;
$cyan:    #17a2b8 !default;

$colors: () !default;
$colors: map-merge((
  "blue":       $blue,
  "indigo":     $indigo,
  "purple":     $purple,
  "pink":       $pink,
  "red":        $red,
  "orange":     $orange,
  "yellow":     $yellow,
  "green":      $green,
  "teal":       $teal,
  "cyan":       $cyan,
  "white":      $white,
  "gray":       $gray-600,
  "gray-dark":  $gray-800
), $colors);

$primary:       $blue !default;
$secondary:     $gray-600 !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         $gray-100 !default;
$dark:          $gray-800 !default;

$theme-colors: () !default;
$theme-colors: map-merge((
  "primary":    $blue,
  "secondary":  $gray-600,
  "success":    $green,
  "info":       $cyan,
  "warning":    $yellow,
  "danger":     $red,
  "light":      $gray-100,
  "dark":       $gray-800
), $theme-colors);

$primary-text-color: #202124;
$secondary-text-color: #5f6368;
$border-radius: 4px;
$green: #28a745;

$browser-tabbar-bg: $gray-300;
$browser-btn-add-tab-bg-hover: $gray-400;
$browser-btn-add-tab-bg-active: $gray-500;
$browser-tabbar-line-height: 20px;

$frame-tab-bg-hover: $gray-200;
$frame-tab-divier-color: $gray-600;

$navbar-btn-bg-hover: $gray-300;
$navbar-btn-bg-active: $gray-400;
$border-color: $gray-200;
$navbar-input-bg: $gray-200;
$navbar-input-bg-hover: $gray-300;
$navbar-input-bg-focus: #fff;

$home-card-width: 112px;
$home-card-spacing: 16px;
$home-card-bg-hover: $gray-100;
$home-card-icon-size: 48px;
$home-card-icon-bg: $gray-200;
$home-card-title-line-height: 24px;
